/*评论编辑框*/
.f-discussion-group-edit {
    border: 1px solid #DCDCDC;
    background: #fff;
}

.f-discussion-group-edit .f-discussion-group-edit-container {
    width: 100%;
    position: relative;
}

.f-discussion-group-edit .f-discussion-group-edit-container .textarea-editor {
    width: 100%;
    height: 100%;
    padding: 8px;
    margin: 0 auto;
    outline: none;
    overflow-y: auto;
    word-break: break-all;
    white-space: normal;
    resize: none;
}

.f-discussion-group-edit .f-discussion-group-edit-container .textarea-editor a {
    color: #3487E3;
}

.f-discussion-group-edit .f-discussion-group-edit-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 14px;
    background: #F7F7F7;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-toolbar .f-discussion-group-edit-toolbar-about {
    position: relative;
    margin-right: 32px;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-toolbar .f-discussion-group-edit-toolbar-item {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65);
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-toolbar .f-discussion-group-edit-toolbar-item .toolbar-item-text {
    display: flex;
    align-items: center;
    line-height: 22px;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-toolbar .f-discussion-group-edit-toolbar-item .toolbar-icon {
    color: #667580;
    font-size: 16px;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-toolbar .f-discussion-group-edit-toolbar-item .toolbar-text {
    margin-left: 2px;
    font-size: 14px;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-btns {
    flex-shrink: 0;
}

.f-discussion-group-edit .f-discussion-group-edit-footer .f-discussion-group-edit-btns .f-discussion-cancel {
    margin-right: 12px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.75);
}

/*评论列表*/
.f-discussion-group-content-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 14px;
}

.f-discussion-group-content-item .discussion-item-avatar {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
}

.f-discussion-group-content-item .discussion-item-avatar-img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.f-discussion-group-content-item .discussion-item-avatar-tip {
    width: 32px;
    height: 32px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    background-color: #4796FF;
}

.f-discussion-group-content-item .discussion-item-inner {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-username {
    margin-bottom: 4px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-text {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.75);
}


.f-discussion-group-content-item .discussion-item-inner .discussion-item-text .discussion-item-text-message {
    word-break: break-all;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-text .discussion-item-text-message a {
    color: #3487E3 !important;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-text-reply {
    margin-top: 11px;
    padding: 6px 8px;
    font-size: 0;
    background: #F5F5F5;
    border-radius: 2px;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-text-reply-title,
.f-discussion-group-content-item .discussion-item-inner .discussion-item-text-reply-content {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.75);
    line-height: 20px;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-text-reply-title .discussion-item-text-reply-name {
    color: #3487E3;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-text-reply-content {
    word-break: break-all;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-files {
    margin-top: 11px;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-files .ffilepreview--filetype-icon {
    width: 40px;
    height: 40px;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer {
    margin-top: 10px;
    padding-right: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-time {
    font-size: 14px;
    color: #B1B6C2;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns {
    display: flex;
    align-items: center;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns .discussion-item-btns-start {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns .discussion-item-btns-start .f-icon {
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns .discussion-item-btns-start .f-icon::before {
    vertical-align: bottom;
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns .discussion-item-btns-start .discussion-item-btns-start-text {
    margin-left: 14px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
}

.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns .discussion-item-btns-start:hover .f-icon,
.f-discussion-group-content-item .discussion-item-inner .discussion-item-footer .discussion-item-btns .discussion-item-btns-start:hover .discussion-item-btns-start-text {
    color: #3487E3;
}


.f-discussion-group-content-item:last-child .discussion-item-inner {
    border-bottom: none;
}